body {
  width: 100%;
  height: 100%;
  background: #ffebc4; }

.main {
  width: 100%;
  overflow: hidden; }

img {
  width: 100%; }

.cnt img {
  margin-top: -2px; }

section.ad {
  position: fixed;
  height: 35px;
  width: 100%;
  background-color: #82121e;
  color: #fff;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  opacity: .8; }

#msgBox {
  height: 35px;
  width: 100%;
  overflow: hidden; }

ul.msgList {
  width: 100%;
  font-size: 12px;
  margin-left: 8%; }

ul.msgList li {
  height: 35px;
  line-height: 35px; }

div.cnt {
  position: relative; }

div.cnt .rule {
  position: absolute;
  right: 6%;
  bottom: 5%;
  color: #fff;
  font-size: 16px; }

.arrow {
  width: 6px;
  height: 14px;
  background: url(../img/arrow.png) no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px; }

span.horn {
  position: absolute;
  width: 10%;
  height: 35px;
  top: 0;
  left: 3%;
  background: url(../img/horn.png) no-repeat center center;
  background-size: 20px 20px; }

button {
  background-color: #f42900;
  border-radius: 6px;
  width: 88%;
  height: 44px;
  border: none;
  color: #fff;
  font-size: 20px; }

.dwload {
  border-radius: 25px;
  width: 100%;
  margin: 10px 0; }

.invite:active {
  background-color: #cf2020; }

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #000;
  opacity: .6;
  display: none; }

.popup {
  z-index: 4;
  position: fixed;
  top: 25%;
  width: 80%;
  margin: 0 10%;
  background-color: #f4dd9e;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5% 6% 3%;
  display: none;
  color: #333; }

img.bag {
  width: 60%;
  display: block;
  margin: 20px auto 0; }

img.title {
  position: absolute;
  top: -27%;
  width: 104%;
  left: -1%; }

h2 {
  text-align: center;
  font-weight: normal;
  line-height: 40px;
  font-size: 18px; }

.popup p {
  font-size: 14px;
  line-height: 24px; }

.getBtn {
  border-radius: 25px;
  -webkit-box-shadow: 0 5px 5px #954831;
  box-shadow: 0 5px 5px #954831;
  width: 100%;
  margin-top: 15px; }

section.phoneNum {
  height: 45px;
  background-color: #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 45px;
  width: 100%;
  clear: both;
  padding: 5px 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

section.phoneNum span {
  display: inline-block;
  width: 20%;
  height: 35px;
  float: left;
  line-height: 35px; }

section.phoneNum input {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 80%;
  float: right;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px; }

.phoneBox {
  margin-top: -2px;
  background-color: #ffebc4;
  padding: 5px 8% 25px;
  overflow: hidden;
  font-size: 14px; }

footer {
  padding-top: 10px;
  background-color: #fff;
  /*opacity:.7;*/
  height: 52px;
  color: #999;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  /*position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:10;*/ }

.redPlhd::-webkit-input-placeholder {
  color: red; }

div.popCnt {
  position: relative;
  text-align: center; }

div.popCnt p {
  font-size: 12px; }

.pop2 {
  border: 2px solid #eeb61e; }

div.close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -5%;
  top: -30%;
  z-index: 9; }

.regBtn {
  margin: 0 6%;
  border-radius: 25px;
  -webkit-box-shadow: 0 3px 3px #954831;
  box-shadow: 0 3px 3px #954831; }
